<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>event</title>
    <style>
        img{
            width: 300px;
            height: auto;
        }
    </style>
    <script>
        function change() {
            console.log("change")

        }

        function hi() {
            console.log("click")

        }

        function mouseover() {
            console.log("mouseover")


        }

        function mouseout() {
            console.log("mouseout")

        }

        function keydown() {
            console.log("keydown")

        }

        function load() {
            console.log("load")

        }
        function mo() {

            document.getElementById("girl")
            .click()
        }
        function ok() {
            confirm("Tonight 老娘陪你还不行吗？")

        }
    </script>
</head>
<body onload="load()">
<h1>Hi Event</h1>
<input type="text" onkeydown="keydown()" onchange="change()">
<img id="girl" src="img/1.jpg" onmouseover="mouseover()" onmouseout="mouseout()" onclick="ok()">
<button onclick="hi()">Click</button>
<button onclick="mo()">Click</button>
</body>
</html>